﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://localhost:51655/Framework/OneApp.Web.Infrastructure.js"></script>
        <script src="http://localhost:51655/Framework/OneApp.Web.Presentation.js"></script>
        <script src="IndexViewModel.js"></script>
        
        <style>
            input[type=button] {
                padding: 5px 15px;
                width: 200px;
            }
        </style>
        <title>One App Mvvm Test</title>
    </head>
    <body data-context="{Binding viewModel}">
        <p>Demo for MVVM implementation without using external libs apart from jquery.Demonostrates binding and view models 
        similar to WPF/Silverlight.Shows simple bidirectional binding and commands</p>
        <input type="text" value="{Binding firstName}" />
        <input type="text" value="{Binding lastName}" />
        <input type="text" value="{Binding time}" />
        <input id="test" type="button" value="{Binding caption}" command="{Binding showCommand}" />
        <p>Multiple fields are bound to same view model properties</p>
        <input type="text" value="{Binding firstName}" />
        <input type="text" value="{Binding lastName}" />
        <input type="text" value="{Binding time}" />
        <input id="test" type="button" value="{Binding caption}" command="{Binding showCommand}" />
    </body>
</html>
